﻿<UserControl x:Class="Eniux.Windows.Controls.LoadingCtrl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
              x:Name="root" Width="88" Height="88">

    <UserControl.Resources>
        <Storyboard x:Key="ProgressAnimation" RepeatBehavior="Forever">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block0" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#00000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block17" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#EF000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.6710000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="Black"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block16" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#E2000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.4410000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.6710000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#EF000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block15" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#D3000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.2120000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.4410000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#E2000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block14" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#C6000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.9820000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:03.2120000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#D3000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block13" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#B7000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.7530000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.9820000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#C6000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block12" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#AA000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.5240000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.7530000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#B7000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block11" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#9B000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.2940000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.5240000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#AA000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block10" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#8E000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.0650000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.2940000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#9B000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block9" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#7F000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.8350000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:02.0650000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#91000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block8" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#72000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.6060000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.8350000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#7F000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block7" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#63000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.3760000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.6060000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#72000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block6" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#56000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.1470000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.3760000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#63000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block5" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#3D000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.9180000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:01.1470000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#56000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block4" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#26000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.6880000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.9180000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#3D000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block3" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#19000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.4590000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.6880000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#26000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block2" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#0C000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.2290000" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.4590000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#19000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="block1" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#00000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.2290000" Value="Black"/>
                <SplineColorKeyFrame KeyTime="00:00:03.9000000" Value="#0C000000"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard x:Name="ProgressAnimation_BeginStoryboard" Storyboard="{StaticResource ProgressAnimation}"/>
        </EventTrigger>
    </UserControl.Triggers>
    <Grid >
        <Canvas  >
            <Grid Width="{Binding LoadingBlockWidth,ElementName=root}" Height="{Binding LoadingBlockHeight,ElementName=root}" Canvas.Left="39" Canvas.Top="0">
                <Path x:Name="block0" OpacityMask="#00000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="180"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block1" OpacityMask="#0C000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="200"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block2" OpacityMask="#19000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="220"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block3" OpacityMask="#26000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="240"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block4" OpacityMask="#3D000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="260"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block5" OpacityMask="#56000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="280"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block6" OpacityMask="#64000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="300"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block7" OpacityMask="#72000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="320"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block8" OpacityMask="#80000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="340"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block9" OpacityMask="#8E000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}"/>
                <Path x:Name="block10" OpacityMask="#9C000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="20"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block11" OpacityMask="#AA000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="40"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block12" OpacityMask="#B8000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="60"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block13" OpacityMask="#C6000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="80"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block14" OpacityMask="#D4000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="100"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block15" OpacityMask="#E2000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="120"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block16" OpacityMask="#F0000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="140"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
                <Path x:Name="block17" OpacityMask="#FF000000" Height="10" Fill="{Binding LoadingBlockColor,ElementName=root}" Stretch="Fill" RenderTransformOrigin="0.5,4.4" Data="{Binding LoadingBlockGeometry,ElementName=root}">
                    <Path.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="160"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Path.RenderTransform>
                </Path>
            </Grid>
        </Canvas>
    </Grid>
</UserControl>
